<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.box{
				height: 300px;
				width: 1000px;
				border: 1px solid #000000;
				padding: 10px 10px;
			}
			.l{
				display: inline-block;
			}
			.l img{
				border-radius: 30px;
			}
			
			.r{
				margin-left: 20px;
				overflow: hidden;
				display: inline-block;
				width: 300px;
				height: 300px;
			}
			.r h1{
				font-size: 22px; 
				margin-top: 0px; 
				line-height: 27px;
			}
			
			.info {
				font-size: 16px;
				/* display: inline-block; */
				margin-top: 250px;
			}
		</style>
	</head>
	<body>
		<div class="box">
			<div class="l">
				<img src="../images/images/tianzige.jpg"/>
			</div>
			<div class="r">
				<h1>这是一个标题</h1>
				<div class="info">
					<span style="color: #C81623;">热点&nbsp;</span>
					<span><a href="#" style="text-decoration: none; color: black;">每日经济新闻</a></span>
					<span>2021/5/19</span>
				</div>
			</div>
		</div>
	</body>
</html>
